@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (max-width: 1400px) {
   .titDiv{font-size: 22px;}
   .titDiv h2{font-size: 27px;}
}
@media screen and (min-width: 1200px) {
#about_con .lis{width: 74px;}
  /*#about_con .lis p {
    color: #a77c52;
    font-family: '宋体';
    width: 380px;
    font-size: 20px;
    line-height: 33px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    height: 386px;
    transform-origin: 6% 11%;
    overflow: visible;
    text-align: left;
}*/
}
@media screen and (max-width: 1200px) {
      .containe{
        margin-left: 10px;
        margin-right: 10px;
      } 
      #header{width: auto;height: 60px;}
      .topbar{display: none;}
      .imgDiv{width: 150%; margin-left: -25vw;}
      .imgDiv img{max-width: 100%;left: 0;margin-left: 0;}
   .ind_pro {display: flex; 
   flex-flow: row wrap ; 
   justify-content: space-between ;}
   .ind_pro li{width:33%;flex:1 1 300px;}
   .prodetls {clear: both;}
   .titDiv{font-size: 20px;}
   .titDiv h2{font-size: 25px;}
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      
}

@media screen and (max-width: 979px) {
    #ind_product .containe .tell img{max-height: 30px;}
    #ind_form .con h4{font-size: 16px;}
    #ind_form input[type=submit], #ind_form input[type=reset]{width: 84px; font-size: 14px; line-height: 31px; }
    #footer dl{display: none; }
    #footer .ewm{float: none;display: inline-block;border: none;}
    #idea_content h1{     font-size: 23px;
    line-height: 2em;}
    #idea_content{}
    #idea_content img{ max-width: 100%; }

    #idea_content .wraps .w46 h3{line-height: 40px;}
    #idea_content .wraps .w46 h3 img{height: 30px;}
    #idea_content .wraps .w46 h3 span{font-size: 18px;}

    #about_con h2{     font-size: 23px;
    line-height: 2em;z-index: 33;
    position: relative;}
    #about_con .gray #demoo .container a{width: 200px;padding-right: 10px;}
    #about_con .gray #demoo .container a .big {
    width: 100%;
    height: 270px;
}
#about_con .gray::before,#about_con .gray::after{display: none;}
#about_con .lis{padding: 0;margin: 0;border: 0;}
#about_con .lis img{display: none;}
#about_con .lis p{width: 100%;}
.titDiv h2{font-size: 22px;}
.center_ul li{width: 45%;}


}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      #Nav{display: flex; 
      flex-flow: row nowrap ; }
      #Nav li>a{font-size: 14px;}
}
@media screen and (max-width: 767px) {
      /*body {
        padding-left: 10px;
        padding-right: 10px;
      }*/
      .containe{padding:0;}
       #header {
    height:49px;
  }
  #navbar .logo img{height: 42px;}
  .mBtn {
    display: inline-block;
    float: right;
    width: 10%;
    cursor: pointer;
    margin-top: 10px;
  }
  .mBtn img {
    max-width: 38px;
    max-height: 35px;
  }

  #Nav {
    height: 0px;
    padding-top: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    /*background-color: rgba(0,4,33, 0.81);*/
    background-color: rgba(42, 42, 32, 0.81);
    box-shadow: 0px 2px 2px #000;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    /*margin-left: -1px; 下面的是为了解决外部containe有margin左右10px,导致手机下拉菜单不是通屏的  */
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    top: 57px;
    left: 0;
    z-index: -1;
    width: 100%;
  }
  #Nav.showH {
    height: 295px !important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 2px;
    visibility: visible;
  }
  #Nav li {
    display: block;
    width: 100%;
    margin-left: 0;overflow: hidden;
  }
  #Nav li a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    transition: none;
    border-bottom: 1px solid #949393;
    color: #fcc800;
    background-image: none;
    display: block;
    padding: 0;
  }
   .banner .num{display: none;}
.ind_pro li{flex-basis: 200px;}
.ind_titbar {
    margin: 10px 0;
}
.ind_titbar h2 {
    font-size: 20px;}
    .ind_pro li .con h3{font-size: 14px;}
    .ind_pro li .con h3 img{width: 30px;}
    #ind_news .onenews{width: 100%;float: none;}
    #ind_form .w1{width: 10px;}
    #ind_form .w2{width: 95%;background-position: left top;}
    #footer .ewm .wrap>strong{font-size: 22px;}
    .hotkey strong,
    .hotkey a{display: none;}
    .searDiv{float: none;}
    .lside{float: none;width: 100%;}
    .lside>*,.iauth dl{display: none;}
    .lside>.iauth{display:block;margin-bottom: 15px;}
    .lside>.iauth li{width: 48%;float: left;margin: 0 1%;}
    .lside>.iauth a{  background-image: none !important;text-align: center;    padding: 0;
    text-indent: 0;}
.inner_news li .more{display: none;}
#about_con .bot img {
    float: none;
    max-width: 100%;
    margin: 0 auto;
}
#ind_news .onenews::after{display: none;}
.bor_contact .fr_ditu{float: none;width: 100%;    height: 358px;}
#inform,
.tell_info+.tit02{display: none;}
.inner_case{width: 100%;}
.inner_case li{margin-right: 1%; margin-bottom: 0;width: 49%;}
.bor_contact h2{line-height: 2em;}
.news_pre li{float: none;width: 100%;}
.titDiv{font-size:17px;}
.titDiv h2{font-size:18px;}
#btn_brand{width: 9em;line-height: 2em;margin: 2em 0;font-size: 17px;}
.toolbarbox{display: none;}
.searchbox .search-head .search-head-input {width: 50% !important;}
.searchbox .search-head .search-head-submit{width: 50px !important;letter-spacing: -5px;}
#idea6 dt i{    font-size: 20px;}
#idea6 dt h2{    font-size: 16px;margin-bottom: 0;}
#idea6 dt small{    font-size: 13px;}
}

@media screen and (max-width: 639px) {
     .spec-list{display: none;}
     .proTop .preview{min-height: initial;}
     .gallery_wrap{height: 80%;}
.titDiv h2{font-size:17px;}
.center_ul li{width: 95%;}
#idea6 dl {width: 100%;}
}
     /* For smartphones */
@media screen and (max-width: 480px) {
.ind_pro li{flex-basis: 130px;}
#ind_form .w60{width: 90%;}
#ind_form input[type=submit], #ind_form input[type=reset]{float: left;}
#footer .ewm .ma {
    display: none;
}
.inner_news li .big{float: none;}
#ind_news .wrap .newr .first .big{float: none;}
#idea_content .wraps .w46 {
    float: none;
    width: 100%;}
    #ind_form .w60 input{height: 35px;background-position: 0 -6px;}
    #demoo .container a{padding-right: 14px;width: 165px;}
    #demoo .container a .big{height: 91px;}
      
}